import "https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"; //引入类库jquery
import "https://cdn.bootcdn.net/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js" //引入lazyload插件
import "./jquery.pagination.js"
//思路：冒泡排序 俩俩比较
let array_default = []; //存放默认li的组数
let array_sort = []; //排序的数组
let prevprice = null; //存第一个价格
let nextprice = null; //存当前价格

function listmodule() {
    $.ajax({
            url: 'http://10.31.163.77/changhong/php/list.php',
            dataType: 'json'

        }).done(function(obj) {
            let arrdata = obj.pagecontent;
            let size = obj.pagesize;
            let str = '';
            $.each(arrdata, function(index, value) { //index是索引，valule是值
                str += `
            <li>
            <a href="detail.html?sid=${value.sid}">
                <img src="${value.url}" alt="">
                <h3>${value.title}</h3>
                <span>${value.sailnumber}</span>
                <p>${value.price}</p>
                
            </a>
        </li>
            `;
            });
            $('.list ul').html(str);
            array_default = []; //清空，防止appand
            array_sort = []; //
            $('.list ul li ').each(function(index, element) {
                array_default.push($(element))
                array_sort.push($(element))
            })
        }) //将对应的li添加到俩个对应的数组中
}
//分页
function pagination() {
    $('.page').pagination({
        pageCount: 3, //获取后端，分三页
        jump: true,
        prevContent: '上一页', //将图标改成上一页下一页。
        nextContent: '下一页',
        callback: function(api) {
            // 将页面传给后端
            $.ajax({
                url: 'http://10.31.163.77/changhong/php/list.php',
                data: {
                    page: api.getCurrent()
                },
                dataType: 'json',
                success: function(data) {
                    let arrData = data.pagecontent;
                    let str = ''; //拼接
                    $.each(arrData, function(index, value) { //遍历数组 index:索引  value:值
                        str += `
                        <li>
                        <a href="detail.html?sid=${value.sid}">
                            <img src="${value.url}" alt="">
                            <h3>${value.title}</h3>
                            <span>${value.sailnumber}</span>
                            <p>${value.price}</p> 
                        </a>
                    </li>
                        `;
                    });
                    $('.list ul').html(str);
                    //在第二页重新渲染，因为分页后数据是新的，重新弄添加数组
                    array_default = []; //清空，防止appand
                    array_sort = []; //
                    $('.list ul li ').each(function(index, element) {
                        array_default.push($(element))
                        array_sort.push($(element))
                    })
                }
            })
        }
    });
}


//排序价格
function sortprice() {
    $('button').eq(0).on('click', function() { //使用eq方法给第一个默认排序按钮添加点击事件 

    });

    $('button').eq(1).on('click', function() { //使用eq方法给第二个价格升序按钮添加点击事件 
        for (let i = 0; i < array_sort.length - 1; i++) { //冒泡排序，每遍历一次减1
            for (let j = 0; j < array_sort.length - i - 1; j++) {
                let par = parseFloat(array_sort[j].find('p').html());
                let next = parseFloat(array_sort[j + 1].find('p').html());
                if (par > next) { //冒牌排序比较价格，
                    let temp = array_sort[j]; //做换手
                    array_sort[j] = array_sort[j + 1]
                    array_sort[j + 1] = temp
                }
            }
        }
        $.each(array_sort, function(index, value) {
            $('.list ul').append(value);
        });
    });
}
export {
    listmodule,
    pagination,
    sortprice
}